<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<fieldset id="">
			<legend>用户注册</legend>
			<label for="">用户名称：</label><input type="text" id="username" autocomplete="off" /><br />
			<label for="">联系电话：</label><input type="text" id="tel" /><br />
			<button id="btn">保存</button>
			<div>我没有焦点</div>
			<a href="###">我也有焦点,点击tab键试试</a>
		</fieldset>
		<script type="text/javascript">
			var oName=document.getElementById('username');
			var oTel=document.getElementById('tel');
			var oBtn=document.getElementById('btn');
			oBtn.onclick=function(){
				/*if(isNaN(oName.value)){
					alert('你的电话号码不是一个数字')
				}*/
				if(oName.value==''){
					alert('用户名不能为空');
					oName.focus();//得到焦点。
				}
				
				if(isNaN(oTel.value)){
					alert('电话号码必须为数字');
					oTel.select();//选中文本
				}
			};
		</script>
	</body>
</html>
